﻿
@model List<zhangmenren.Models.ViewModle.WorksModel>


<div class="bg-gray">

    <header class="mui-bar mui-bar-nav head-bar-nav">
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" href='@Url.Action("Index")'></a>
        <h1 class="mui-title">我的课程</h1>
        <a class="mui-icon mui-icon-more mui-pull-right"></a>
    </header>
    <!--DOM -->
    <div class="mui-content bg-gray">
        <!---->
        <div class="mui-slider my-course-slider-box">
            <div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted my-course-slider-tab">
                <a class="mui-control-item mui-active" href="#item1">购买(@Model.Count())</a>
                <a class="mui-control-item" href="#item2">出售(12)</a>
            </div>
            <div class="mui-slider-group">
                <div id="item1" class="mui-slider-item mui-control-content mui-active">
                    <ul class="mui-table-view excellent-course-list">

                        @foreach(var item in Model){
                        <li class="mui-table-view-cell mui-media">
                            <a class="mui-navigate-right" href='@(item.Type==zhangmenren.Models.Enums.WorkType.WENDANG?Url.Action("Detail","JiaoChengZL",new{id=item.Id}):Url.Action("Detail","YuanChengJX",new{id=item.Id}))'>
                                <div class="mui-media-object mui-pull-left">
                                    <img src="@item.CoverImg">
                                </div>
                                <div class="mui-media-body">
                                    <h5 class="mui-ellipsis-2">@item.Title</h5>
                                    <p>@(item.Price>0?"¥"+item.Price.ToString("0.##"):"免费")</p>
                                    <p>@item.GouMaiNum 人购买</p>
                                </div>
                            </a>
                        </li>
                        }



                        @*<li class="mui-table-view-cell mui-media">
                            <a class="mui-navigate-right">
                                <div class="mui-media-object mui-pull-left">
                                    <img src="images/excellent-list-img1.jpg">
                                </div>
                                <div class="mui-media-body">
                                    <h5 class="mui-ellipsis-2">smart3D EPS SSK 课程</h5>
                                    <p>￥232.80 </p>
                                    <p>23人购买</p>
                                </div>
                            </a>
                        </li>*@

                    </ul>
                    <br /><br />
                    <div class="toinfo-detail-flexed-box" style="position: relative;">
                        <button class="mui-btn mui-btn-block mui-btn-yellow">总计消费：@Model.Sum(p=>p.Price) 元</button>
                    </div>
                </div>
                <div id="item2" class="mui-slider-item mui-control-content">
                    <ul class="mui-table-view excellent-course-list">
                        <li class="mui-table-view-cell mui-media">
                            <a class="mui-navigate-right">
                                <div class="mui-media-object mui-pull-left">
                                    <img src="images/excellent-list-img1.jpg">
                                </div>
                                <div class="mui-media-body">
                                    <h5 class="mui-ellipsis-2">smart3D EPS SSK 课程</h5>
                                    <p>￥232.80 </p>
                                    <p>23人购买</p>
                                </div>
                            </a>
                        </li>
                        <li class="mui-table-view-cell mui-media">
                            <a class="mui-navigate-right">
                                <div class="mui-media-object mui-pull-left">
                                    <img src="images/excellent-list-img1.jpg">
                                </div>
                                <div class="mui-media-body">
                                    <h5 class="mui-ellipsis-2">smart3D EPS SSK 课程</h5>
                                    <p>￥232.80 </p>
                                    <p>23人购买</p>
                                </div>
                            </a>
                        </li>
                        <li class="mui-table-view-cell mui-media">
                            <a class="mui-navigate-right">
                                <div class="mui-media-object mui-pull-left">
                                    <img src="images/excellent-list-img1.jpg">
                                </div>
                                <div class="mui-media-body">
                                    <h5 class="mui-ellipsis-2">smart3D EPS SSK 课程</h5>
                                    <p>￥232.80 </p>
                                    <p>23人购买</p>
                                </div>
                            </a>
                        </li>
                        <li class="mui-table-view-cell mui-media">
                            <a class="mui-navigate-right">
                                <div class="mui-media-object mui-pull-left">
                                    <img src="images/excellent-list-img1.jpg">
                                </div>
                                <div class="mui-media-body">
                                    <h5 class="mui-ellipsis-2">smart3D EPS SSK 课程</h5>
                                    <p>￥232.80 </p>
                                    <p>23人购买</p>
                                </div>
                            </a>
                        </li>
                        <li class="mui-table-view-cell mui-media">
                            <a class="mui-navigate-right">
                                <div class="mui-media-object mui-pull-left">
                                    <img src="images/excellent-list-img1.jpg">
                                </div>
                                <div class="mui-media-body">
                                    <h5 class="mui-ellipsis-2">smart3D EPS SSK 课程</h5>
                                    <p>￥232.80 </p>
                                    <p>23人购买</p>
                                </div>
                            </a>
                        </li>
                    </ul>
                    <br /><br />
                    <div class="toinfo-detail-flexed-box" style="position: relative;">
                        <button class="mui-btn mui-btn-block mui-btn-yellow">上传课件</button>
                    </div>
                </div>
            </div>
        </div>
        <!---->
    </div>
</div>